import { createRouter, createWebHistory, type RouteRecordRaw  } from 'vue-router';
import Login from '../components/Login.vue';
import Home from '../components/Home.vue';
import Content from '../components/Content.vue';
import Inbox from '../components/Inbox.vue';
import Starred from '../components/Starred.vue';
import Delete from '../components/Delete.vue';
import Draft from '../components/Draft.vue';
import Myfolds from '../components/Myfolds.vue';
import Send from '../components/Send.vue';
import Theme from '../components/Theme.vue'
import Trashbin from '../components/Trashbin.vue';
import Calendar from '../components/Calendar.vue';
import Relax from '../components/Relax.vue';
import YueRead from '../components/yueRead.vue';
import Contacts from '../components/Contacts.vue';
import Resume from '../components/Resume.vue';
import Notebook from '../components/Notebook.vue';
import Settings from '../components/Settings.vue';
import Register from '../components/Register.vue';
import WriteLetters from '../components/WriteLetters.vue';
import CommentList from '../components/CommentList.vue';
import About from '../components/About.vue';
import PagePlay from '../components/Page-play.vue';
import PageTalk from '../components/Page-talk.vue';
import PageTravel from '../components/Page-travel.vue';
import PageFace from '../components/Page-face.vue';
import PageKids from '../components/Page-kids.vue';
import PageAI from '../components/Page-AI.vue';
import PageRelax from '../components/Page-relax.vue';
import PageBook from '../components/Page-book.vue';
import Connected from '../components/Connected.vue';
type myRouteConfig = {
    path: string;
    name?: string;
    component: any;
    
  };

  const routes:myRouteConfig[] =[
      {
        path:'/',
        name:'Login',
        component: Login
      },
      {
        path:'/home',
        name:'Home',
        component: Home
      },
      {
        path:'/inbox',
        name:'Inbox',
        component: Inbox
      },
      {
        path:'/content',
        name:'Content',
        component: Content
      },
      {
        path:'/star',
        name:'Starred',
        component: Starred
      },
      {
        path:'/delete',
        name:'Delete',
        component: Delete
      },
      {
        path:'/draft',
        name:'Draft',
        component: Draft
      },
      {
        path:'/myfolds',
        name:'Myfolds',
        component: Myfolds
      },
      {
        path:'/send',
        name:'Send',
        component: Send
      },
      
      {
        path:'/trashbin',
        name:'Trashbin',
        component: Trashbin
      },
      {
        path:'/theme',
        name:'Theme',
        component: Theme
      },
      {
        path:'/calendar',
        name:'Calendar',
        component:Calendar
      },
      {
        path:'/relax',
        name:'Relax',
        component:Relax
      },
      {
        path:'/yueread',
        name:'Yueread',
        component:YueRead
      },
      {
        path:'/contacts',
        name:'Contacts',
        component:Contacts
      },
      {
        path:'/resume',
        name:'Resume',
        component:Resume
      },
      {
        path: '/notebook',
        name: 'NoteBook',
        component: Notebook
      },
      {
        path: '/settings',
        name: 'Settings',
        component: Settings
      },
      {
        path: '/register',
        name: 'Register',
        component: Register
      },{
        path: '/writeletters',
        name: 'WriteLetters',
        component:WriteLetters
      },
      {
        path: '/commentlist',
        name: 'CommentList',
        component:CommentList
      },
      {
        path: '/about',
        name: 'About',
        component: About
      },
      {
        path: '/pageplay',
        name: 'PagePlay',
        component: PagePlay
      },
      {
        path: '/pagetalk',
        name: 'PageTalk',
        component: PageTalk
      },
      {
        path: '/pagetravel',
        name: 'PageTravel',
        component: PageTravel
      },{
        path: '/pageface',
        name: 'PageFace',
        component: PageFace
      },{
        path: '/pagekids',
        name: 'PageKids',
        component: PageKids
      },{
        path: '/pageai',
        name: 'PageAI',
        component: PageAI
      },{
        path: '/pagerelax',
        name: 'PageRelax',
        component: PageRelax
      },{
        path: '/pagebook',
        name: 'PageBook',
        component: PageBook
      },{
        path: '/connected',
        name: 'Connected',
        component: Connected
      }
      

    
    ];

  const router = createRouter({
  history:createWebHistory(),
  routes : routes as RouteRecordRaw[]
})


export default router;

